<%--
  Created by IntelliJ IDEA.
  User: lt
  Date: 2018/5/28
  Time: 14:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set>


<title>基础管理 - 品牌</title>

<link rel="stylesheet" href="${contextPath}/static/ace/components/_mod/jquery-ui/jquery-ui.css"/>
<link rel="stylesheet"
      href="${contextPath}/static/ace/components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css"/>
<link rel="stylesheet" href="${contextPath}/static/ace/components/_mod/jqgrid/ui.jqgrid.css"/>
<%--<jsp:include page="../../../head.jsp"/>--%>
<script src="${contextPath}/static/statistics/js/vue.js"></script>

<style type="text/css">
    .customBtn {
        line-height: 20px;
        margin-bottom: 3px;
    }

    .btnLine {
        margin-left: 1px;
        margin-top: 8px;
        margin-bottom: 2px;
    }

    @-webkit-keyframes bouncedelay {
        0%, 80%, 100% {
            -webkit-transform: scale(0.0)
        }
        40% {
            -webkit-transform: scale(1.0)
        }
    }

    @keyframes bouncedelay {
        0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
        }
        40% {
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
        }
    }

    .autocomplete-suggestions strong {
        font-weight: normal;
        color: #3399FF;
    }

    @-moz-document url-prefix() {
        fieldset {
            display: table-cell;
        }
    }

    .autocomplete-suggestions {
        border: 1px solid #999;
        background: #FFF;
        overflow: auto;
    }

    .autocomplete-suggestion {
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
    }

    .autocomplete-selected {
        background: #F0F0F0;
    }

    .autocomplete-suggestions strong {
        font-weight: normal;
        color: #3399FF;
    }

    .ui-jqgrid-sortable {
        text-align: center;
    }
</style>

<div class="row" id="app">
    <div class="row btnLine">
        <div class="button-len col-sm-12">
            <%--<shiro:hasPermission name="USER:ADD">--%>
                <button class="btn btn-white btn-sm btn-purple customBtn" id="addCargo">
                    <i class="ace-icon fa fa-plus-circle purple"></i> 新增
                </button>
            <%--</shiro:hasPermission>--%>

            <%--<shiro:hasPermission name="USER:EDIT">--%>
                <button class="btn btn-white btn-info btn-sm customBtn" id="editShop">
                    <i class="ace-icon fa fa-pencil blue"></i> 修改
                </button>
                <label style="">状态</label>
                <select class="input-sm" id="state">
                    <option value="1">有效</option>
                    <option value="0">无效</option>
                </select>
            <%--</shiro:hasPermission>--%>
            <%--<button class="btn btn-white btn-info btn-sm customBtn" id="roleAuthorization">--%>
                <%--<i class="ace-icon fa fa-key blue"></i> 授权--%>
            <input class="input-sm" type="text" id="brandName" style="margin-left: 5px;"
                       placeholder="品牌名称">
            <button class="btn btn-sm btn-white btn-info search-len customBtn"
                    onclick="searchProduct()">
                <i class="ace-icon fa fa-search orange"></i>搜索
            </button>
        </div>
    </div>

    <div class="col-xs-12">

        <table id="grid-table"></table>

        <div id="grid-pager"></div>

    </div>

    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="">
            <div class="modal-content">
                <div class="modal-header" style="font-size: 20px; margin-bottom: -15px;">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        添加记录
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="button-len col-sm-12" style="margin-top: 5px; margin-bottom: 5px;">
                        <label for="" style="margin-left: -13px;">品牌名称</label>
                        <input class="input-sm" type="text" id="brandName1" style="margin-left: 2px;"
                               placeholder="品牌名称">
                    </div>
                    <div class="button-len col-sm-12" style="margin-top: 5px; margin-bottom: 5px;">
                        <label for="" style="margin-left: 2px;">父节点</label>
                        <select class="input-sm" id="parentId" style="width: 156px;">
                            <option value="0"></option>
                            <option :value="obj.brandCode" v-for="(obj, index) in parentArray">
                                {{ obj.brandName }}
                            </option>
                        </select>
                        <%--<button class="btn btn-white btn-sm btn-purple customBtn" id="weih" style="margin-top: 3px;">--%>
                            <%--<i class="ace-icon fa fa-plus-circle asterisk"></i> 维护顶级--%>
                        <%--</button>--%>
                        <%--<input id="cityNameInput1" onfocus="this.value=''" class="input-sm" type="text"--%>
                                               <%--placeholder="区域名称" style="width: 100px;" readonly>--%>
                    </div>
                    <div class="button-len col-sm-12" style="margin-top: 5px; margin-bottom: 5px; margin-left: 16px">
                        <label style="">状态</label>
                        <select class="input-sm" id="state1">
                            <option value="1">有效</option>
                            <option value="0">无效</option>
                        </select>
                    </div>
                    <!-- 内容数据结束 -->
                    <div style="text-align: right;">
                        <button class="btn btn-white btn-info btn-sm customBtn btn-xs" type="button" id="submitParent">添加</button>
                    </div>
                </div>
                <%--<div class="modal-footer">--%>
                <%--<button type="button" class="btn btn-default btn-xs" data-dismiss="modal" >添加</button>--%>
                <%--&lt;%&ndash;<button type="button" class="btn btn-primary btn-xs" v-on:click="saveSupplier">提交更改</button>&ndash;%&gt;--%>
                <%--</div>--%>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>

<!-- 数型内容 -->
<div id="authorizationInfoContent" class="hide">
    <div class="content_wrap">
        <div class="zTreeDemoBackground left" style="width: 20%; border: solid 2px #f5f5f5;">
            <ul id="treeDemo" class="ztree"></ul>
        </div>
    </div>

    <div>
        <button id="roleAuthorizationBtn" class="btn btn-success btn-sm" style="left: 700px;top: 430px;position: fixed;">确认</button>
    </div>
</div>

<%--<input id="parentId" class="input-sm" type="text" >--%>
<!-- page specific plugin scripts -->


<script type="text/javascript" src="${contextPath}/static/statistics/js/jquery.mockjax.js"></script>
<!-- 通用 -->
<script type="text/javascript">
    var grid_selector = "#grid-table";
    var pager_selector = "#grid-pager";

    var laypage = layui.laypage,
        layer = layui.layer
    laydate = layui.laydate;

    var queryModel = {
        //分页参数
        page: '1',
        rows: '10',
        parentId: '',
        commodityIds: [],
    }

    var app = new Vue({
        el: '#app',
        data: {
            objcte: [],
            priceTypeArray: [],
            parentArray: [],
            yanType1: [],
            yanType2: [],
            yanType3: [],
            yanType4: [],
            yanType5: []
        },
        methods: {

        }
    })
</script>
<!-- 调用方法 -->
<script type="text/javascript">
    /**
    * 搜索品牌
    */
    function searchProduct() {
        var brandName = $("#brandName").val();
        var parentId = queryModel.parentId;
        var state = $("#state").val();

        //var parentDepartmentkey = $("#id_parentDepartmentkey_name").val();
        var filters = {
            "rules": [
                {
                    "field": "brandName",
                    "data": brandName
                },
                {
                    "field": "state",
                    "data": state
                }
            ]
        };

        console.log(filters)

        jQuery(grid_selector).jqGrid('setGridParam', {
            postData: {
                "filters": JSON.stringify(filters) //"{'rules' : [{'field' : 'shopName','data' : "+shopName+"},{'field' : 'state','data' : "+state+"}]}"
            }
        }).trigger("reloadGrid");
    }
</script>
<!-- 复用jqGrid 方法 -->
<script type="text/javascript">
    function style_edit_form(form) {
        //enable datepicker on "sdate" field and switches for "stock" field
        //form.find('input[name=sdate]').datepicker({format:'yyyy-mm-dd' , autoclose:true})

        //form.find('input[name=stock]').addClass('ace ace-switch ace-switch-5').after('<span class="lbl"></span>');
        //don't wrap inside a label element, the checkbox value won't be submitted (POST'ed)
        //.addClass('ace ace-switch ace-switch-5').wrap('<label class="inline" />').after('<span class="lbl"></span>');


        //update buttons classes
        var buttons = form.next().find('.EditButton .fm-button');
        buttons.addClass('btn btn-sm').find('[class*="-icon"]').hide();//ui-icon, s-icon
        buttons.eq(0).addClass('btn-primary').prepend('<i class="ace-icon fa fa-check"></i>');
        buttons.eq(1).prepend('<i class="ace-icon fa fa-times"></i>')

        buttons = form.next().find('.navButton a');
        buttons.find('.ui-icon').hide();
        buttons.eq(0).append('<i class="ace-icon fa fa-chevron-left"></i>');
        buttons.eq(1).append('<i class="ace-icon fa fa-chevron-right"></i>');
    }

    function style_delete_form(form) {
        var buttons = form.next().find('.EditButton .fm-button');
        buttons.addClass('btn btn-sm btn-white btn-round').find('[class*="-icon"]').hide();//ui-icon, s-icon
        buttons.eq(0).addClass('btn-danger').prepend('<i class="ace-icon fa fa-trash-o"></i>');
        buttons.eq(1).addClass('btn-default').prepend('<i class="ace-icon fa fa-times"></i>')
    }

    function style_search_filters(form) {
        form.find('.delete-rule').val('X');
        form.find('.add-rule').addClass('btn btn-xs btn-primary');
        form.find('.add-group').addClass('btn btn-xs btn-success');
        form.find('.delete-group').addClass('btn btn-xs btn-danger');
    }

    function style_search_form(form) {
        var dialog = form.closest('.ui-jqdialog');
        var buttons = dialog.find('.EditTable')
        buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'ace-icon fa fa-retweet');
        buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'ace-icon fa fa-comment-o');
        buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'ace-icon fa fa-search');
    }

    function beforeDeleteCallback(e) {
        var form = $(e[0]);
        if (form.data('styled')) return false;

        form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
        style_delete_form(form);
        form.data('styled', true);
    }

    function beforeEditCallback(e) {
        var form = $(e[0]);
        form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
        style_edit_form(form);
    }


    //it causes some flicker when reloading or navigating grid
    //it may be possible to have some custom formatter to do this as the grid is being created to prevent this
    //or go back to default browser checkbox styles for the grid
    function styleCheckbox(table) {
        /**
         $(table).find('input:checkbox').addClass('ace')
         .wrap('<label />')
         .after('<span class="lbl align-top" />')


         $('.ui-jqgrid-labels th[id*="_cb"]:first-child')
         .find('input.cbox[type=checkbox]').addClass('ace')
         .wrap('<label />').after('<span class="lbl align-top" />');
         */
    }


    //unlike navButtons icons, action icons in rows seem to be hard-coded
    //you can change them like this in here if you want
    function updateActionIcons(table) {
        /**
         var replacement =
         {
             'ui-ace-icon fa fa-pencil' : 'ace-icon fa fa-pencil blue',
             'ui-ace-icon fa fa-trash-o' : 'ace-icon fa fa-trash-o red',
             'ui-icon-disk' : 'ace-icon fa fa-check green',
             'ui-icon-cancel' : 'ace-icon fa fa-times red'
         };
         $(table).find('.ui-pg-div span.ui-icon').each(function(){
				var icon = $(this);
				var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
				if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
			})
         */
    }

    //replace icons with FontAwesome icons like above
    function updatePagerIcons(table) {
        var replacement =
            {
                'ui-icon-seek-first': 'ace-icon fa fa-angle-double-left bigger-140',
                'ui-icon-seek-prev': 'ace-icon fa fa-angle-left bigger-140',
                'ui-icon-seek-next': 'ace-icon fa fa-angle-right bigger-140',
                'ui-icon-seek-end': 'ace-icon fa fa-angle-double-right bigger-140'
            };
        $('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
            var icon = $(this);
            var $class = $.trim(icon.attr('class').replace('ui-icon', ''));

            if ($class in replacement) icon.attr('class', 'ui-icon ' + replacement[$class]);
        })
    }

    function enableTooltips(table) {
        $('.navtable .ui-pg-button').tooltip({container: 'body'});
        $(table).find('.ui-pg-div').tooltip({container: 'body'});
    }

    //var selr = jQuery(grid_selector).jqGrid('getGridParam','selrow');

    $(document).one('ajaxloadstart.page', function (e) {
        $.jgrid.gridDestroy(grid_selector);
        $('.ui-jqdialog').remove();
    });

    var reload = function () {
//        $(grid_selector).jqGrid('clearGridData');  //清空表格
        $(grid_selector).jqGrid('setGridParam',{
            url:"${contextPath}/ktProd/getProdBrandListByPage",
            datatype:'json',
//                    postData:param,
            page:1
        }).trigger("reloadGrid"); //重新载入
    }
</script>
<!-- jqGrid加载数据 -->
<script type="text/javascript">
    var filters = {
        "rules": [
            {
                "field": "state",
                "data": '1'
            }
        ]
    };
    var grid_data = {'filters': JSON.stringify(filters)};
    console.log(grid_data)

    var scripts = [null, "${contextPath}/static/ace/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js", "${contextPath}/static/ace/components/jqGrid/js/jquery.jqGrid.js", "${contextPath}/static/ace/components/jqGrid/js/i18n/grid.locale-cn.js", "${contextPath}/static/layer/layer.js","${contextPath}/static/ztree/js/jquery.ztree.core-3.5.js", "${contextPath}/static/ztree/js/jquery.ztree.excheck-3.5.js", null]
    $('.page-content-area').ace_ajax('loadScripts', scripts, function () {
        jQuery(function ($) {
            var parent_column = $(grid_selector).closest('[class*="col-"]');
            //resize to fit page size
            $(window).on('resize.jqGrid', function () {
                $(grid_selector).jqGrid('setGridWidth', parent_column.width());
            })

            //resize on sidebar collapse/expand
            $(document).on('settings.ace.jqGrid', function (ev, event_name, collapsed) {
                if (event_name === 'sidebar_collapsed' || event_name === 'main_container_fixed') {
                    //setTimeout is for webkit only to give time for DOM changes and then redraw!!!
                    setTimeout(function () {
                        $(grid_selector).jqGrid('setGridWidth', parent_column.width());
                    }, 20);
                }
            })

            jQuery(grid_selector).jqGrid({
                //direction: "rtl",

                //subgrid options
                subGrid: false,
                url: "${contextPath}/ktProd/getProdBrandListByPage",
                postData: grid_data,
                datatype: "json",
                mtype: 'POST',
                height: 300,
                colNames: ['ID', '品牌编码','品牌名称','上级品牌ID','状态', '操作时间'],
                colModel: [
                    {name: 'id', index: 'id', width: 60, editable: true},
                    {name: 'brandCode', index: 'brandCode', width: 60},
                    {
                        name: 'brandName',
                        index: 'brandName',
                        width: 90,
                        editable: true,
                        sortable: false,
                        editrules: {required: true}
                    },
                    {
                        name: 'parentId',
                        index: 'parentId',
                        width: 110,
                        editable: false,
                        sortable: false,

                    },
                    {
                        name: 'state',
                        index: 'state',
                        width: 90,
                        editable: true,
                        sortable: false,
                        edittype: 'select',
                        formatter: function (v, x, r) {
                            return r['state'] == "1" ? "有效" : "无效";
                        },
                        editoptions: {value: "1:有效;0:无效"}
                    },
                    {name: 'state_Time', index: 'state_Time', width: 150, editable: false}

                ],
                viewrecords: true,
                rowNum: 10,
                rowList: [10, 20, 30],
                pager: pager_selector,
                altRows: true,
                //toppager: true,

                multiselect: false,
                //multikey: "ctrlKey",
                multiboxonly: false,

                loadComplete: function () {
                    var table = this;
                    setTimeout(function () {
                        styleCheckbox(table);
                        updateActionIcons(table);
                        updatePagerIcons(table);
                        enableTooltips(table);
                    }, 0);
                },

                editurl: "${contextPath}/ktProd/saveProdBrand",//nothing is saved
                caption: "品牌管理",
                jsonReader: {
                    root: "recordList",
                    page: "currentPage",
                    total: "pageCount",
                    records: "recordCount"
                }

                //,autowidth: true,


                /**
                 ,
                 grouping:true,
                 groupingView : {
				 groupField : ['name'],
				 groupDataSorted : true,
				 plusicon : 'fa fa-chevron-down bigger-110',
				 minusicon : 'fa fa-chevron-up bigger-110'
			},
                 caption: "Grouping"
                 */

            });
            $(window).triggerHandler('resize.jqGrid');//trigger window resize to make the grid get the correct size


            $("#addCargo").click(function () {

                var id = $(grid_selector).jqGrid('getGridParam', 'selrow');
                var rowData = $(grid_selector).jqGrid('getRowData', id);
                var parentId = '0';
                if (id){
                    parentId = rowData.parentId;
                }

                var filters = {
                    "rules": [
                        {
                            "field": "state",
                            "data": '1'
                        },
                        {
                            "field": "parentId",
                            "data": parentId
                        }
                    ]
                };
                queryModel.filters = JSON.stringify(filters);

//                console.log(queryModel)
                $.ajax({
                    url: '${contextPath}/ktProd/getProdBrandListByPage',
                    type: 'post',
                    data: queryModel,
                    success: function (data) {
//                layer.closeAll('loading');
                        if (data.success == false){
                            layer.msg("获取出错："+data.message)
                            return
                        }
                        var dataArray = data.recordList;

                        if (dataArray.length == 0){
                            layer.msg("查询没有数据")
                            return
                        }
                        console.log(dataArray)
                        app.parentArray = dataArray;

                    },
                    error: function (error) {
//                layer.closeAll('loading')
                    }
                })

                $('#myModal').modal('show');
            });

            $("#submitParent").click(function () {
                queryModel.brandName = $("#brandName1").val();
                queryModel.parentId = $("#parentId").val();
                queryModel.state = $("#state1").val();
                console.log(queryModel)
                layer.load(1)
                $.ajax({
                    url: '${contextPath}/ktProd/saveProdBrand',
                    type: 'post',
                    data: queryModel,
                    success: function (data) {
                        layer.closeAll('loading');
                        if (data.success == false){
                            layer.msg("获取出错："+data.message)
                            return
                        }
                        layer.msg("提示：添加成功")
                        $('#myModal').modal('hide')
                        reload()
                    },
                    error: function (error){
                        layer.closeAll('loading')
                        layer.msg("获取出错："+data.message)

                    }
                })
            });

            $("#editShop").click(function () {
                var id = $(grid_selector).jqGrid('getGridParam', 'selrow');
                if (!id) {
                    layer.msg("提示：", "请选择一条信息");
                    return;
                }
                $(grid_selector).jqGrid("editGridRow", id, {
                    // edit record form
                    width: 500,
                    closeAfterEdit: true,
                    //editData :
                    recreateForm: true,
                    viewPagerButtons: false,
                    beforeShowForm: function (e) {
                        var form = $(e[0]);
                        form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                            .wrapInner('<div class="widget-header" />');
                        style_edit_form(form);
                    },
                    afterShowForm: function (e) {
                        var form = $(e[0]);
                    },
                    afterSubmit: function (response, postdata) {
                        var result = eval('(' + response.responseText + ')');
                        return [result.success, result.message, 0];
                    },
                    errorTextFormat: function (response) {
                        return "服务器异常，稍后再试";
                    }
                });
            });




            //enable search/filter toolbar
            //jQuery(grid_selector).jqGrid('filterToolbar',{defaultSearch:true,stringResult:true})
            //jQuery(grid_selector).filterToolbar({});


            //switch element when editing inline
            function aceSwitch(cellvalue, options, cell) {
                setTimeout(function () {
                    $(cell).find('input[type=checkbox]')
                        .addClass('ace ace-switch ace-switch-5')
                        .after('<span class="lbl"></span>');
                }, 0);
            }

            //enable datepicker
            function pickDate(cellvalue, options, cell) {
                setTimeout(function () {
                    $(cell).find('input[type=text]')
                        .datepicker({format: 'yyyy-mm-dd', autoclose: true});
                }, 0);
            }


            //navButtons
            jQuery(grid_selector).jqGrid('navGrid', pager_selector,
                { 	//navbar options
                    edit: false,
                    editicon: 'ace-icon fa fa-pencil blue',
                    add: false,
                    addicon: 'ace-icon fa fa-plus-circle purple',
                    del: false,
                    delicon: 'ace-icon fa fa-trash-o red',
                    search: false,
                    searchicon: 'ace-icon fa fa-search orange',
                    refresh: true,
                    refreshicon: 'ace-icon fa fa-refresh green',
                    view: false,
                    viewicon: 'ace-icon fa fa-search-plus grey',
                },
                {
                    //edit record form
                    //closeAfterEdit: true,
                    //width: 700,
                    recreateForm: true,
                    beforeShowForm: function (e) {
                        var form = $(e[0]);
                        form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                        style_edit_form(form);
                    }
                },
                {
                    //new record form
                    //width: 700,
                    closeAfterAdd: true,
                    recreateForm: true,
                    viewPagerButtons: false,
                    beforeShowForm: function (e) {
                        var form = $(e[0]);
                        form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar')
                            .wrapInner('<div class="widget-header" />')
                        style_edit_form(form);
                    }
                },
                {
                    //delete record form
                    recreateForm: true,
                    beforeShowForm: function (e) {
                        var form = $(e[0]);
                        if (form.data('styled')) return false;

                        form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                        style_delete_form(form);

                        form.data('styled', true);
                    },
                    onClick: function (e) {
                        //alert(1);
                    }
                },
                {
                    //search form
                    recreateForm: true,
                    afterShowSearch: function (e) {
                        var form = $(e[0]);
                        form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
                        style_search_form(form);
                    },
                    afterRedraw: function () {
                        style_search_filters($(this));
                    }
                    ,
                    multipleSearch: true,
                    /**
                     multipleGroup:true,
                     showQuery: true
                     */
                },
                {
                    //view record form
                    recreateForm: true,
                    beforeShowForm: function (e) {
                        var form = $(e[0]);
                        form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
                    }
                }
            )
        })
    });
</script>
<!-- 自动补全 -->
<script type="text/javascript" src="${contextPath}/static/statistics/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="${contextPath}/static/util/my-autocomplete-section.js"></script>
<script>
    var cityNode, quXianNode, channelNode, empNode, custNode, shopNode = null;

//    empNode = '#empNameInput';
    channelNode = '#channelNameInput';
    cityNode = '#cityNameInput';
    quXianNode = '#quXianNameInput';

    organization_tree('${contextPath}', cityNode, quXianNode, channelNode, empNode, custNode, shopNode);

    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    });


</script>
<!-- 数型插件 -->
<script type="text/javascript">
    $("#roleAuthorization").click(function(){
        var id = $(grid_selector).jqGrid('getGridParam', 'selrow');
//        if (!id) {
//            $.jgrid.info_dialog( "提示：", "请选择一条角色信息");
//            return;
//        }
        layer.load(1);
        var setting = {
            check: {
                enable: true,
                chkStyle: "checkbox",
                //chkboxType: { "Y" : "p", "N" : "ps" }
            },
            data: {
                simpleData: {
                    enable: true ,
                    idKey: "id",
                    pIdKey: "pId",
                    rootPId: null,
                }
            },
            /*callback: {
                onCheck: zTreeOnCheck
            },*/
            /* 	async: {
             enable: true,
             dataType: "json",
             type: "post",
             contentType: "application/x-www-form-urlencoded",
             url: "{ctx}/api/cloudling/findChlChannel",
             autoParam: ["id", "pId" ,"cck"]
             } */
        };

        var zNodes =[];

        $.ajax({
            url : "${contextPath}/sys/role/getPrivilegesByRoleId?roleId="+id,
            type : "get",
            dataType : "json",
            async : false,
            success : function(data) {
                layer.closeAll('loading');
                if (data.success) {
                    zNodes = data.data;

                    $.fn.zTree.init($("#treeDemo"), setting, zNodes);
                    $("#authorizationInfoContent").removeClass("hide")
                    modalIndex = layer.open({
                        type: 1,
                        title: '修改角色权限',
                        closeBtn: 1,
                        shadeClose: true,
                        maxmin: true,
                        area: ['800px', '500px'],
                        skin: 'yourclass',
                        content: $("#authorizationInfoContent"),
                        end: function () {
                            $("#authorizationInfoContent").addClass("hide")
                        }
                    });
                }else {
                    layer.msg(data.message)
                }
            },
            error : function () {
                layer.closeAll('loading');
                layer.msg("网络异常")
            }
        });
    })
</script>
